.bging {
	background-color: #e0463c;
}

.bging1 {
	background-color: #0193e6;
}

.bgend {
	background-color: #d9d9d9;
}

.bgend1 {
	background-color: #ffda31;
	color: #fff;
}

.bgend2 {
	background-color: #FFFFFF;
	color: #d9d9d9;
}

.notesList {
	background-color: #FFFFFF;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}

.notesList-header {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: row;
	color: #fff;
}

.notesList-header>div {
	display: flex;
	order: 1;
}

.header-left {}

.header-left>i {
	font-size: 2.125rem;
}

.header-center {
	flex-direction: column;
	font-size: 0.6rem;
}

.header-right {
	flex-direction: column;
	justify-content: flex-start;
	font-size: 0.9rem;
}

.header-right>i {
	font-size: 0.6rem;
	font-style: normal;
	text-align: center;
	padding: 0 5px;
	border-radius: 5px;
	margin-top: 5px;
}

.notesList-bodyBox>hr {
	margin-top: 0.2rem;
	height: 0.2rem;
}

.notesList-body {
	display: flex;
	padding: 1rem 0.825rem;
	justify-content: space-between;
}

.body-left {
	font-size: 0.6rem;
	color: #5f5d5d;
}

.body-right {}

.body-right>span {
	font-size: 0.6rem;
	display: inline-flex;
	color: #FFFFFF;
	padding: 0.1rem 0.25rem;
	border-radius: 5px;
}